<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<title>Example: Annotate an image</title>
<style>@import url(coUA.css);</style>
</HEAD>

<BODY>
<h1>Example: Add text pop-ups to an image</h1>

<p>You can add pop-up help topics to an image by using an image map in conjunction with the HTML Help ActiveX control. This lets you associate a pop-up window with each region of an image. When a user clicks an area of the image, a pop-up window will display the topic that goes with that area. This example is based on the TextPopup method.</p>

<p>The steps of the process are as follows:</p>
<ol>
<li>
<a href="ocx_scripts_imagepopup2.htm">Create an image map.</a></li>
<li><a href="ocx_scripts_imagepopup3.htm">Write text for pop-up windows.</a></li>
<li><a href="ocx_scripts_imagepopup4.htm">Add the image to your project (.hhp) file.</a></li>
<li><a href="ocx_scripts_imagepopup5.htm">Insert the HTML Help ActiveX control in your HTML file.</a></li>
<li><a href="ocx_scripts_imagepopup6.htm">Add hyperlinks to each region of the image map.</a></li>
</ol>

<h3>Note</h3>

<ul>
<li>You can use this example with both uncompiled HTML files and compiled help (.chm) files.
</li>
</ul>


<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr>
<td valign="top"><a href="ocx_scripts.htm"><img src="home.gif" alt="link to overview topic" border="0"></a>
</td>
<td><a href="ocx_scripts.htm">About the script and DHTML examples</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

</BODY>
</HTML>
